<!DOCTYPE html>
<html lang="ZH-CN">
<head>
	<meta charset="utf-8">
	<title>列表页-手机页面</title>
	<meta name="description" content="品优购-专业的综合网上购物商城，销售家电、数码通讯、电脑、家居百货、食品等数万个品牌优质商品。便捷、诚
	信的服务，为您提供愉悦的网上购物环境！">
	<meta name="keywords" content="网上购物、网上商城、手机">
		<!-- 引入favicon.ico网页图标 -->
	<link rel="short icon" type="image/x-icon" href="favicon.ico">
	<!-- 引入初始化css文件 -->
	<link rel="stylesheet"  href="css/base.css">
	<!-- 引入公共样式的css文件 -->
	<link rel="stylesheet"  href="css/common.css">
	<link rel="stylesheet"  href="css/list.css">
</head>
<body>
	  	<div class="shortcut">
  		<div class="w">
  			<div class="fl">
  				<ul>
  					<li>品优购欢迎您！  </li>
  					<li> 
  						<a href="#">请登录</a> 
  						<a href="register.html" class="style-red">免费注册</a> 
  					</li>
  				</ul>
  			</div>
  			<div class="fr">
  				<ul>
  					<li><a href="#">我的订单</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">我的品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li><a href="#">品优购会员</a></li>
  					<li class="spacer"></li>
  					<li><a href="#">企业采购</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">关注品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">客户服务</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">网站导航</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li> 
  				</ul>
  			</div>
  		</div>
  	</div>
  	<!-- header制作 -->
  	<div class="header w">
  		<div class="logo">
  			<h1>
  				<a href="index.html" title="品优购">品优购</a>
  			</h1>
  		</div>
  		<div class="sk">
  			<img src="upload/sk.png">
  		</div>
  		<div class="search">
  			<input type="text" name="" class="text" placeholder="请输入">
  			<button class="btn">搜索</button>
  		</div>
  		 	<!-- hotwords -->
  		<div class="hotwords w" >
  			<a href="#" class="style-red">优惠购首发</a>
  			<a href="#">亿元优惠</a>
  			<a href="#">9.9元团购</a>
  			<a href="#">美满99减30</a>
  			<a href="#">办公用品</a>
  			<a href="#">电脑</a>
  			<a href="#">通信</a>
  		</div>
  		<div class="shopcar">
  			我的购物车 <i class="arrow">&#xe6a6;</i>
  			<i class="count">8</i>
  		</div>
  	</div>
 	<!-- nav -->
 	<div class="nav">
 		<div class="w">
 			<div class="sk_list fl">
 				<ul>
 					<li><a href="#">品优秒杀</a></li>
 					<li><a href="#">即将售罄</a></li>
 					<li><a href="#">超值低价</a></li>
 				</ul>
 			</div>
 			<div class="sk_con fl">
 				<ul>
 					<li><a href="#">女装</a></li>
 					<li><a href="#" class="style-red">女鞋</a></li>
 					<li><a href="#">男装</a></li>
 					<li><a href="#">女鞋</a></li>
 					<li><a href="#">母婴童装</a></li>
 					<li><a href="#">食品</a></li>
 					<li><a href="#">数码</a></li>
 					<li><a href="#">运动户外</a></li>
 					<li><a href="#">女装</a></li>
 					<li><a href="#">女装<i>&#xe69d;</i></a></li>
 				</ul>
 			</div>
 		</div>
 	</div>
 	<!-- 列表内容 -->
 	<div class="sk_container w">
 		<div class="sk_hd">
 			<img src="upload/biejing_03.png">
 		</div>
 		<div class="sk_bd clearfix">
 			<ul>
 				<li class="sk_goods">
 					<a href="detail.html">
 						<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					</a>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 				<li class="sk_goods">
 					<img src="upload/mobile.png">
 					<h5 class="sk_goods_title">Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h5>
 					<p class="sk_goods_price"><em>$6088</em> <del>$6988</del></p>
 					<div class="sk_goods_progress">
 						已售 <i>87%</i>
 						<div class="bar">
 							<div class="bar_in"></div>
 						</div>
 						剩余 <em>29</em>件
 					</div>
 					<a href="#" class="sk_goods_buy">立即抢购</a>
 				</li>
 			</ul>
 		</div>
 		<div class="page">
 			<span class="page_num">
 				<a href="#" class="pn_prev">&lt;&lt;上一页 </a>
 				<a href="#">1</a>
 				<a href="#" class="current">2</a>
 				<a href="#">3</a>
 				<a href="#">4</a>
 				<a href="#">5</a>
 				<a href="#" class="dotted">...</a>
 				<a href="#" class="pn_next">下一页 &gt;&gt;</a>
 			</span>
 			<span class="page_skip">
 				共10页 到第
 				<input type="text" name=""> 页
 				<button>确定</button>
 			</span>
 		</div>
 	</div>
 	<!-- footer -->
 	<div class="footer">
 		<div class="w">
 			<div class="mod_service">
 				<ul>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_kuai"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 				</ul>
 			</div>
 			<div class="mod_help">
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 			</div>
 			<div class="mod_copyright">
 				<p class="mod_copyright_links">
 					关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
 				</p>
 				<p class="mod_copyright_info">
 					地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                    京ICP备08001421号京公网安备110108007702
 				</p>
 			</div>
 		</div>
 	</div>
</body>
</html>